<template>
  <div style="width:100% !important;">
    <div style="line-height:5px;">&nbsp;</div>
    <el-container>
      <el-main>
        <div style="line-height:12vh;font-size:22px;font-weight:bold;color:#004ca7;text-align:center;">{{ examinationTitle }}</div>
        <div style="text-align:center;">
          <span class="examinationSuccess"></span>
        </div>
        <div style="line-height:8vh;font-size:26px;font-weight:bold;color:#004ca7;text-align:center;">
          试卷提交成功
        </div>

        <div style="line-height:4vh;font-size:20px;font-weight:bold;color:#8f8f8f;text-align:center;">
          试卷开放时间：{{ examinationStartDate }} {{ examinationStartTime }} 至 {{ examinationEndDate }} {{ examinationEndTime }}
        </div>
      </el-main>
    </el-container>
    <div>
      <el-col :span=24
              style="text-align: center; margin-top: 30px;">
        <el-button type="danger"
                   :plain=true
                   @click="fanhui">返回</el-button>
      </el-col>
    </div>
  </div>

</template>
<script>
export default {
  data() {
    return {
      examinationTitle: '考试完成',
      examinationStartDate: '2022-05-06',
      examinationStartTime: '09:30',
      examinationEndDate: '2022-12-31',
      examinationEndTime: '23:50',
    }
  },
  methods: {
    fanhui() {
      this.$router.push({
        name: '在线考试(学员)',
      })
    },
  },
}
</script>
<style lang="less" scoped>
// @import '../../courseAssessmentScoped.less';
// @import '../../exportBtn.less';
.examinationSuccess {
  width: 230px;
  height: 230px;
  display: inline-block;
  background-color: #ffffff;
  background-size: 230px 230px;
  background-repeat: no-repeat;
  background-image: url('../../../assets/assessment/icon-finish.png');
}
</style>